<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
            cookie的api 不友好（不好用）


            //    好的api
            //    localStorage.setItem
            //    localStorage.getItem
            //    localStorage.removeItem

        */
        // 设置--默认时效时间 都是 会话
        document.cookie = 'name=123';
        // 修改-
        document.cookie = 'name=98';
        document.cookie = 'age=9';
        // 获取 所有存cookie
        // key=value分号和空格 链接
        // age=9; name=98; _ga=GA1.1.1057539942.1688441504; _ga_MD3K4WETFE=GS1.1.1688441504.1.1.1688442602.0.0.0
        console.log(document.cookie);

        // 时效时间
        // document.cookie = 'name=123;expires=过期时间'
        // document.cookie = 'name=123;expires=日期字符串'

        let date = new Date();
        // 修改为30天后的日期
        let da = date.getDate() + 30;
        date.setDate(da);
        console.log(date);

        document.cookie = 'name=123;expires=' + date



        // 删除--设置cookie过期时间
        // 时效时间 --过去的时间--cookie自动被删除
        // document.cookie = 'name=123;expires=过去的时间'

        let d2 = new Date(0);
        // d2.setDate(d2.getDate() - 30);
        document.cookie = 'age=1;expires=' + d2


        // cookie的属性- path 路径
        //   / 根路径下面的cookie 整个网站所有的页面是可以共享
        //   /code/29 和 /code/28  这两个路径下存的cookie不能共享
        // 为了我们在任何页面存的cookie 在整个网站中都能使用-一般会cookie 存入 根下 
        document.cookie = 'a=1;path=/'





    </script>

</body>

</html>